<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="keywords" content="华翰科技官网" />
  <meta name="description" content="赋能教育数字化" />
  <link rel="stylesheet" href="./css/base.css" />
  <link rel="stylesheet" href="./css/font/stylesheet.css" />
  <link rel="stylesheet" href="./css/header.css" />
  <link rel="stylesheet" href="./css/footer.css" />
  <link rel="stylesheet" href="./css/index.css" />
  <link rel="stylesheet" href="./js/wow.js/css/libs/animate.css" />
  <link rel="stylesheet" href="./js/swiper/css/swiper.css" />
  <link rel="stylesheet" href="./css/swiper-reset.css" />
  <link rel="stylesheet" href="./css/flex.css" />
  <title>华翰科技</title>
</head>

<body>
  <header class="header">
    <div class="header-top">
      <div class="logo">
        <img src="./image/logo.png" alt="" />
      </div>
      <ul class="nav">
        <li class="nav-item">
          <a href="#">首页</a>
        </li>
        <li class="nav-item">
          <a class="arrow" href="#">教育数字化产品与服务</a>
          <ul class="sub-nav">
            <li><a href="">必过OEM数字化平台</a></li>
            <li><a href="">全科目数字化课程产品</a></li>
            <li><a href="">E校通教育与知识数字化工具</a></li>
            <li><a href="">教育数字化管理系统</a></li>
            <li><a href="">CRM数字化营销系统</a></li>
            <li><a href="">学员数字化学习服务</a></li>
          </ul>
        </li>
        <li class="nav-item">
          <a class="arrow" href="#">行业解决方案</a>
          <ul class="sub-nav">
            <li><a href="">职业资格证</a></li>
            <li><a href="">学历教育</a></li>
            <li><a href="">教育机构</a></li>
            <li><a href="">企业大学</a></li>
            <li><a href="">知识付费</a></li>
          </ul>
        </li>
        <li class="nav-item">
          <a class="arrow" href="#">关于华翰</a>
          <ul class="sub-nav">
            <li><a href="">华翰故事</a></li>
            <li><a href="">品牌动态</a></li>
            <li>
              <a href="">联系我们</a>
            </li>
            <li>
              <a href="">帮助中心</a>
              <ul class="sub2-nav">
                <li><a href="">必过帮助</a></li>
                <li><a href="">E校通帮助</a></li>
              </ul>
            </li>
          </ul>
        </li>
      </ul>
      <div class="action">
        <div class="btn btn-login">登录</div>
        <div class="btn btn-try">试用</div>
      </div>
    </div>
    <div class="swiper-container">
      <div class="swiper-wrapper">
        <div class="swiper-slide">
          <a href="">
            <img src="./image/banner1.png" alt="" />
          </a>
        </div>
        <div class="swiper-slide">
          <a href="">
            <img src="./image/banner2.png" alt="" />
          </a>
        </div>
        <div class="swiper-slide">
          <a href="">
            <img src="./image/banner3.png" alt="" />
          </a>
        </div>
      </div>
      <!-- 如果需要分页器 -->
      <div class="swiper-pagination"></div>
      <!-- 如果需要导航按钮 -->
      <div class="swiper-button-prev"></div>
      <div class="swiper-button-next"></div>
    </div>
  </header>
  <div class="product-container">
    <div class="title-top flex-center">教育数字化产品与服务体系</div>
    <div class="center flex">
      <div class="product-item">
        <img class="product-img" src="./image/icon_1.png" alt="oem" />
        <div class="name">必过OEM数字化平台</div>
        <div class="description">
          在线教育OEM平台，提供网校搭建+课程内容的数字化完整解决方案。
        </div>
      </div>
      <div class="product-item">
        <img class="product-img" src="./image/icon_2.png" alt="oem" />
        <div class="name">教务数字化管理系统</div>
        <div class="description">
          为机构建立自动化的教务管理体系，管理更省心，效率更高效。
        </div>
      </div>
    </div>
    <div class="bottom flex">
      <div class="product-item">
        <img class="product-img" src="./image/icon_3.png" alt="oem" />
        <div class="name">CRM数字化营销系统</div>
        <div class="description">
          提供丰富的数字化营销方式，玩转招生广，打造品牌核心业务能力
        </div>
      </div>
      <div class="product-item">
        <img class="product-img" src="./image/icon_4.png" alt="oem" />
        <div class="name">E校通</div>
        <div class="description">
          育与知识数字化服务工具，为教育培训机构、企业内训、知识付费构建在线教育的整商业能力
        </div>
      </div>
      <div class="product-item">
        <img class="product-img" src="./image/icon_5.png" alt="oem" />
        <div class="name">商业化落地服务解决方案</div>
        <div class="description">
          全国20+城市营销服务体系，定制化解决方案，7*12h极速响应机制，帮助每一位用户平稳、快速地实现项目商业化落地。
        </div>
      </div>
    </div>
  </div>
  <div class="flow-container">
    <div class="title-top flex-center">
      数字化构建教育培训的全过程闭环生态，每一个环节尽在掌握
    </div>
    <div class="content">
      <div class="left">
        <div class="flow-item">
          <img class="flow-img" src="./image/icon-1.png" alt="网站搭建" />
          <div class="name">网站搭建</div>
          <div class="description">
            搭建专属的网校平台，管理课程/知识商城，零门槛快速启动在线教育业务
          </div>
        </div>
        <div class="flow-item">
          <img class="flow-img" src="./image/icon-2.png" alt="推广招生" />
          <div class="name">推广招生</div>
          <div class="description">
            拼团秒杀、优惠折扣、直播引流、层级分销等丰富高效的推广玩法，获取精准流量
          </div>
        </div>
        <div class="flow-item">
          <img class="flow-img" src="./image/icon-3.png" alt="会员营销" />
          <div class="name">会员营销</div>
          <div class="description">
            会员积分、邀请码等全面的会员营销体系，打造私域化用户运营
          </div>
        </div>
        <div class="flow-item">
          <img class="flow-img" src="./image/icon-4.png" alt="线索跟进" />
          <div class="name">线索跟进</div>
          <div class="description">
            访客计划、跟进记录、线索分析等CRM数据化，实现精细化管理
          </div>
        </div>
      </div>
      <div class="center">
        <img class="center-img" src="./image/icon-10.png" alt="中心图" />
        <div class="flow-item">
          <img class="flow-img" src="./image/icon-9.png" alt="课程教学" />
          <div class="name">课程教学</div>
          <div class="description">
            课程直播、录播上传、一键OEM、教学互动等场景化轻松教学
          </div>
        </div>
      </div>
      <div class="right">
        <div class="flow-item">
          <img class="flow-img" src="./image/icon-5.png" alt="数据报表" />
          <div class="name">数据报表</div>
          <div class="description">
            自动生成各环节的数据统计及趋势一览，智能驱动形成高效的运营管理模式
          </div>
        </div>
        <div class="flow-item">
          <img class="flow-img" src="./image/icon-6.png" alt="财务管理" />
          <div class="name">财务管理</div>
          <div class="description">
            自定义收款方式安全快捷，缴费实时到账，统计分析实时更新
          </div>
        </div>
        <div class="flow-item">
          <img class="flow-img" src="./image/icon-7.png" alt="教务管理" />
          <div class="name">教务管理</div>
          <div class="description">
            轻松排班排课，一键查看签到打卡，从报名到考试助力贴心服务学员
          </div>
        </div>
        <div class="flow-item">
          <img class="flow-img" src="./image/icon-8.png" alt="学习服务" />
          <div class="name">学习服务</div>
          <div class="description">
            学员“PC+移动+微信”等多终端随时随地学习，在线答疑、题库测评等增强学习实效
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="scene-container">
    <div class="title-top flex-center">
      数字化解决方案广泛应用于各类教育培训场景，全面高效赋能
    </div>
    <div class="content">
      <div class="content-left">
        <div class="scene-item flex">
          <div class="left">
            <img src="./image/scene-1.png" alt="教育培训机构" />
          </div>
          <div class="right">
            <div class="title">教育培训机构</div>
            <div class="description">
              会员免费搭建网校平台，提供直播内容或课程内容，OEM模式助力机构零门槛快速布局在线教育业务，抢占优势机会、邀请码等全面的会员营销体系，打造私域化用户运营
            </div>
          </div>
        </div>
        <div class="scene-item flex">
          <div class="left">
            <img src="./image/scene-2.png" alt="知识付费" />
          </div>
          <div class="right">
            <div class="title">知识付费</div>
            <div class="description">
              为机构、KOL、自媒体等群体提供轻捷的知识与教育数字化解决方案，构建“公域-私域”的流量运营体系，塑造影响力品牌
            </div>
          </div>
        </div>
      </div>
      <div class="content-right">
        <div class="scene-item flex">
          <div class="left">
            <img src="./image/scene-3.png" alt="企业内部培训" />
          </div>
          <div class="right">
            <div class="title">企业内部培训</div>
            <div class="description">
              建立企业大学，搭建企业网校平台，为企业培训、经销/终端培训提供更低成本的培训模式，全面的内容支持助推企业增强培训实效，提升团队业务水平。
            </div>
          </div>
        </div>
        <div class="scene-item flex">
          <div class="left">
            <img src="./image/scene-4.png" alt="K12教育" />
          </div>
          <div class="right">
            <div class="title">K12教育</div>
            <div class="description">
              向K12教育培训机构提供教育数字化服务工具，适应K12阶段教学特点，满足教师、学生的在线教学需求
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="information-container">
    <div class="info-item">
      <div class="top">8年</div>
      <div class="bottom">技术沉淀</div>
    </div>
    <div class="info-item">
      <div class="top">17年</div>
      <div class="bottom">教研经验</div>
    </div>
    <div class="info-item">
      <div class="top">20+</div>
      <div class="bottom">城市营销服务中心</div>
    </div>
    <div class="info-item">
      <div class="top">10+</div>
      <div class="bottom">自主知识产权资质</div>
    </div>
    <div class="info-item">
      <div class="top">3000+</div>
      <div class="bottom">机构客户选择</div>
    </div>
    <div class="info-item">
      <div class="top">500万+</div>
      <div class="bottom">间接服务学员</div>
    </div>
    <div class="info-item">
      <div class="top">1500+</div>
      <div class="bottom">热门课程</div>
    </div>
  </div>
  <div class="cooperation-container">
    <div class="title">
      <span>不负信赖，缔造标杆</span>
    </div>
    <ul>
      <li>
        <div class="imgList">
          <img src="./image/1.png" alt="" height="118" />
          <img src="./image/1.png" alt="" height="118" />
        </div>
      </li>
      <li>
        <div class="imgList">
          <img src="./image/2.png" alt="" height="118" />
          <img src="./image/2.png" alt="" height="118" />
        </div>
      </li>
      <li>
        <div class="imgList">
          <img src="./image/3.png" alt="" height="118" />
          <img src="./image/3.png" alt="" height="118" />
        </div>
      </li>
      <li>
        <div class="imgList">
          <img src="./image/4.png" alt="" height="118" />
          <img src="./image/4.png" alt="" height="118" />
        </div>
      </li>
    </ul>
  </div>
  <footer class="footer">
    <div class="footer-container">
      <div class="footer-wrapper">
        <div class="wrapper-item">
          <div class="title">教育数字化解决方案</div>
          <ul>
            <li><a href="">必过OEM数字化平台</a></li>
            <li><a href="">全科目数字化课程解决方案</a></li>
            <li><a href="">E校通教育与知识数字化解决方案</a></li>
            <li><a href="">教务数字化管理解决方案</a></li>
            <li><a href="">CRM数字化营销解决方案</a></li>
            <li><a href="">学员数字化学习解决方案</a></li>
          </ul>
        </div>
        <div class="wrapper-item">
          <div class="title">行业解决方案</div>
          <ul>
            <li><a href="">职业资格证</a></li>
            <li><a href="">学历教育</a></li>
            <li><a href="">教育机构</a></li>
            <li><a href="">企业大学</a></li>
            <li><a href="">知识付费</a></li>
          </ul>
        </div>
        <div class="wrapper-item">
          <div class="title">关于华翰</div>
          <ul>
            <li><a href="">品牌故事</a></li>
            <li><a href="">品牌动态</a></li>
            <li class="hasChild">
              <a href="">联系我们</a>
              <span class="child">必过帮助中心</span>
              <span class="child">E校通帮助中心</span>
            </li>
          </ul>
        </div>
        <div class="wxcode">
          <img src="./image/service.png" alt="华翰科技官方服务号">
          <span>华翰科技官方服务号</span>
        </div>
        <div class="wxcode">
          <img src="./image//subscription.png" alt="华翰科技官方订阅号">
          <span>华翰科技官方订阅号</span>
        </div>
        <div class="phone">
          <div class="number">400-001-5920</div>
          <span>全国免费咨询服务热线</span>
        </div>
      </div>
      <div class="hr"></div>
      <div class="footer-bottom">
        <div class="address">总部地址：广东省广州市高新技术开发区科汇金谷四街11号9层</div>
        <div class="service-center">全国营销服务中心：广州、深圳、北京、上海、苏州、南京、宁波、杭州、济南、天津、合肥、郑州、石家庄、武汉、长沙、成都、重庆、昆明、西安、南宁</div>
        <ul class="copyright">
          <li><a href="http://www.huahanedu.cn/cert-c.html" target="_blank">增值电信业务经营许可</a></li>
          <li><a href="http://www.huahanedu.cn/cert-a.html" target="_blank">广播电视节目经营许可</a></li>
          <li><a href="http://www.huahanedu.cn/cert-b.html" target="_blank">网络安全等级保护许可 </a></li>
          <li><a href="http://www.huahanedu.cn/cert-d.html" target="_blank">营业执照</a></li>
          <li><a href="http://beian.miit.gov.cn" target="_blank">CIP备案号 13083939号</a></li>
          <li><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44011202000209" target="_blank">公安备号
              44011202000209号</a></li>
        </ul>
      </div>
    </div>
    <div class="bottom">&#169 2013-2021 必过在线教育OEM ALL RIGHTS RESERVED. 广州华翰教育科技有限公司 版权所有</div>
  </footer>
  <div class="fixed-container">
    <div class="fixed-wrapper">
      <div class="fixed-hover fixed-item" id="consult">
        <img src="./image/customer/comment.png" alt="在线咨询">
        <span>在线咨询</span>
      </div>
      <div class="fixed-hover fixed-item">
        <a class="flex-column-center" href="">
          <img src="./image/customer/file_done.png" alt="获取方案">
          <span>获取方案</span>
        </a>
      </div>
      <div class="fixed-hover fixed-item show-phone">
        <img src="./image/customer/phone.png" alt="咨询电话">
        <span>咨询电话</span>
        <div class="consult-phone">400-001-5920（转）1</div>
      </div>
      <div class="fixed-item toTop">
        <img src="./image/customer/triangle.png" alt="TOP">
        <span>TOP</span>
      </div>
    </div>
  </div>
</body>
<script src="./js/swiper/js/swiper.min.js"></script>
<script src="./js/wow.js/dist/wow.min.js"></script>
<script src="./js/jquery-3.3.1/jquery-3.3.1.min.js"></script>
<script src="./js/fixed.js"></script>
<script type="text/javascript">
  $(function () {
    // 一级下拉
    $('.nav .nav-item').each(function (index, item) {
      $(item).hover(function () {
        //  添加active
        $(item).addClass('active').siblings().removeClass('active')
        // 展开一级下拉
        if ($(item).children('.sub-nav')) {
          $(item).children('.sub-nav').stop().slideDown()
        }
      }, function () {
        $(item).removeClass('active')
        if ($(item).children('.sub-nav')) {
          $(item).children('.sub-nav').stop().slideUp()
        }
      })
    })

    // 二级下拉
    $('.sub-nav li').each(function (index, item) {
      if ($(item).children('.sub2-nav').length > 0) {
        $(item).hover(function () {
          $(item).children('.sub2-nav').stop().slideToggle()
        })
      }
    })

    const mySwiper = new Swiper('.swiper-container', {
      autoplay: {
        delay: 3000,
        disableOnInteraction: false,
      },
      loop: true, // 循环模式选项
      // 如果需要分页器
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },
      // 如果需要前进后退按钮
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },

      // 如果需要滚动条
      scrollbar: {
        el: '.swiper-scrollbar',
      },
    })
  })
</script>

</html>